<script setup lang="ts">
const props = defineProps({
    modelValue: String
})
</script>

<template>
    <input type="text" class="placeholder: text-xs" :value="props.modelValue"
        @input="$emit('update:modelValue', ($event.target as any).value)">
</template>

<style scoped lang="scss">
input {
    @apply py-3 px-2 rounded-md w-full outline-none bg-[#FAFAFA] mb-4
}
</style>